<template>
  <div>
    <h1>不知道说什么好</h1>
    <p>count:{{ count }}</p>
    <button @click="count++">Click Me!</button>
  </div>
</template>

<script>
export default {
  name: "Count",
  //自定义属性，允许使用者通过自定义属性为当前组件指定初始值
  // props:["init"],
  props: {
    //父传子的属性字段
    init: {
      //init 属性的默认值
      default: 13,
      //定义init的类型
      type: Number,
      //是否必填
      required: true,
    }
  },
  data() {
    return {
      count: this.init,
    }
  },
  methods: {}
}
</script>

<style scoped>

</style>